<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <div th:replace="common/head :: head"></div>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>吾爱表白网</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
    <link rel="apple-touch-icon-precomposed" href="images/icon.png">
    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
          type="text/css"/>
    <link rel="stylesheet" href="css/login.css"/>
    <script src="js/jquery-2.1.4.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script th:src="@{/js/nprogress.js}"></script>
    <script th:src="@{/js/jquery.lazyload.min.js}"></script>
    <!--[if gte IE 9]>
    <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
    <script src="js/html5shiv.min.js" type="text/javascript"></script>
    <script src="js/respond.min.js" type="text/javascript"></script>
    <script src="js/selectivizr-min.js" type="text/javascript"></script>
    <![endif]-->
</head>
<body class="user-select">
<header class="header" th:fragment="head">
    <nav class="navbar navbar-default" id="navbar">
        <div class="container">
            <div class="header-topbar hidden-xs link-border">
                <ul class="site-nav topmenu">
                    <li><a href="#">标签云</a></li>
                    <li><a href="#" rel="nofollow">读者墙</a></li>
                    <li><a href="#" title="RSS订阅">
                        <i class="fa fa-rss">
                        </i> RSS订阅
                    </a></li>
                </ul>
                勤记录 懂分享
            </div>
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#header-navbar" aria-expanded="false"><span class="sr-only"></span> <span
                        class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
                <h1 style="padding-right: 30px;" class="logo hvr-bounce-in"><a href="#" title="木庄网络博客"><img
                        th:src="@{/images/201610171329086541.png}" src="images/201610171329086541.png" alt="木庄网络博客"></a>
                </h1>
            </div>
            <div class="collapse navbar-collapse" id="header-navbar">
                <form class="navbar-form visible-xs" action="/Search" method="post">
                    <div class="input-group">
                        <input type="text" name="keyword" class="form-control" placeholder="请输入关键字" maxlength="20"
                               autocomplete="off">
                        <span class="input-group-btn">
		<button class="btn btn-default btn-search" name="search" type="submit">搜索</button>
		</span></div>
                </form>
                <ul class="nav navbar-nav navbar-left">
                    <li><a data-cont="木庄网络博客" title="木庄网络博客" href="/"><i class="fa fa-home"></i>&nbsp;首页</a></li>
                    <li><a data-cont="列表页" title="列表页" th:href="@{/list}">列表页</a></li>
                    <li><a data-cont="详细页" title="详细页" th:href="@{/show}">详细页</a></li>
                    <li><a data-cont="404" title="404" href="404.html">404</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <th:block th:if="${session.user_key == null}">
                        <li><a data-cont="登录" title="登录" id="Login_start_" data-dismiss="modal" data-toggle="modal"
                               data-target="#drd"> <i class="fa fa-user-circle"></i>&nbsp;登录</a></li>
                        <li><a data-cont="马上注册" title="马上注册" id="Regist_start_" data-dismiss="modal" data-toggle="modal"
                               data-target="#drd" style="color: red;"><i class="fa fa-user-plus"></i>&nbsp;马上注册</a></li>
                    </th:block>
                    <th:block th:if="${session.user_key!=null}">
                        <li><a data-cont="用户中心" title="用户中心" id=""><i class="fa fa-user-circle"></i>&nbsp;用户中心</a>
                        </li>
                    </th:block>
                </ul>
            </div>
        </div>
    </nav>
</header>
<section class="container">
    <div class="content-wrap">
        <div class="content">
            <div id="focusslide" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#focusslide" data-slide-to="0" class="active"></li>
                    <li data-target="#focusslide" data-slide-to="1"></li>
                </ol>
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <a href="#" target="_blank" title="木庄网络博客源码">
                            <img src="images//201610181557196870.jpg" alt="木庄网络博客源码" class="img-responsive"></a>
                    </div>
                    <div class="item">
                        <a href="#" target="_blank" title="专业网站建设">
                            <img src="images//201610241227558789.jpg" alt="专业网站建设" class="img-responsive"></a>
                    </div>
                </div>
                <a class="left carousel-control" href="#focusslide" role="button" data-slide="prev" rel="nofollow">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span
                        class="sr-only">上一个</span> </a> <a class="right carousel-control" href="#focusslide"
                                                           role="button" data-slide="next" rel="nofollow"> <span
                    class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span
                    class="sr-only">下一个</span> </a></div>
            <article class="excerpt-minic excerpt-minic-index">
                <h2><span class="red">【推荐】</span><a target="_blank" href="#" title="用DTcms做一个独立博客网站（响应式模板）">用DTcms做一个独立博客网站（响应式模板）</a>
                </h2>
                <p class="note">用DTcms做一个独立博客网站（响应式模板），采用DTcms V4.0正式版（MSSQL）。开发环境：SQL2008R2+VS2010。DTcms
                    V4.0正式版功能修复和优化：1、favicon.ico图标后台上传。（解决要换图标时要连FTP或者开服务器的麻烦）</p>
            </article>
            <div class="title">
                <h3>最新发布</h3>
                <div class="more">
                    <a href="#" title="MZ-NetBlog主题">MZ-NetBlog主题</a>
                    <a href="#" title="IT技术笔记">IT技术笔记</a>
                    <a href="#" title="源码分享">源码分享</a>
                    <a href="#" title="靠谱网赚">靠谱网赚</a>
                    <a href="#" title="资讯分享">资讯分享</a>
                </div>
            </div>
            <article class="excerpt excerpt-1" style="">
                <a class="focus" href="#" title="用DTcms做一个独立博客网站（响应式模板）" target="_blank"><img class="thumb"
                                                                                              data-original="images/201610181739277776.jpg"
                                                                                              src="images/201610181739277776.jpg"
                                                                                              alt="用DTcms做一个独立博客网站（响应式模板）"
                                                                                              style="display: inline;"></a>
                <header><a class="cat" href="#" title="MZ-NetBlog主题">MZ-NetBlog主题<i></i></a>
                    <h2><a href="#" title="用DTcms做一个独立博客网站（响应式模板）" target="_blank">用DTcms做一个独立博客网站（响应式模板）</a>
                    </h2>
                </header>
                <p class="meta">
                    <time class="time"><i class="glyphicon glyphicon-time"></i> 2016-10-14</time>
                    <span class="views"><i class="glyphicon glyphicon-eye-open"></i> 216</span> <a class="comment"
                                                                                                   href="##comment"
                                                                                                   title="评论"
                                                                                                   target="_blank"><i
                        class="glyphicon glyphicon-comment"></i> 4</a>
                </p>
                <p class="note">用DTcms做一个独立博客网站（响应式模板），采用DTcms V4.0正式版（MSSQL）。开发环境：SQL2008R2+VS2010。DTcms
                    V4.0正式版功能修复和优化：1、favicon.ico图标后台上传。（解决要换图标时要连FTP或者开服务器的麻烦）</p>
            </article>
            <article class="excerpt excerpt-2" style=""><a class="focus" href="#" title="用DTcms做一个独立博客网站（响应式模板）"
                                                           target="_blank"><img class="thumb"
                                                                                data-original="images/201610181739277776.jpg"
                                                                                src="images/201610181739277776.jpg"
                                                                                alt="用DTcms做一个独立博客网站（响应式模板）"
                                                                                style="display: inline;"></a>
                <header><a class="cat" href="#" title="MZ-NetBlog主题">MZ-NetBlog主题<i></i></a>
                    <h2><a href="#" title="用DTcms做一个独立博客网站（响应式模板）" target="_blank">用DTcms做一个独立博客网站（响应式模板）</a>
                    </h2>
                </header>
                <p class="meta">
                    <time class="time"><i class="glyphicon glyphicon-time"></i> 2016-10-14</time>
                    <span class="views"><i class="glyphicon glyphicon-eye-open"></i>216</span> <a class="comment"
                                                                                                  href="##comment"
                                                                                                  title="评论"
                                                                                                  target="_blank"><i
                        class="glyphicon glyphicon-comment"></i>4</a>
                </p>
                <p class="note">用DTcms做一个独立博客网站（响应式模板），采用DTcms V4.0正式版（MSSQL）。开发环境：SQL2008R2+VS2010。DTcms
                    V4.0正式版功能修复和优化：1、favicon.ico图标后台上传。（解决要换图标时要连FTP或者开服务器的麻烦）</p>
            </article>
            <article class="excerpt excerpt-3" style=""><a class="focus" href="#" title="用DTcms做一个独立博客网站（响应式模板）"
                                                           target="_blank"><img class="thumb"
                                                                                data-original="images/201610181739277776.jpg"
                                                                                src="images/201610181739277776.jpg"
                                                                                alt="用DTcms做一个独立博客网站（响应式模板）"
                                                                                style="display: inline;"></a>
                <header><a class="cat" href="#" title="MZ-NetBlog主题">MZ-NetBlog主题<i></i></a>
                    <h2><a href="#" title="用DTcms做一个独立博客网站（响应式模板）" target="_blank">用DTcms做一个独立博客网站（响应式模板）</a>
                    </h2>
                </header>
                <p class="meta">
                    <time class="time"><i class="glyphicon glyphicon-time"></i> 2016-10-14</time>
                    <span class="views"><i class="glyphicon glyphicon-eye-open"></i> 216</span> <a class="comment"
                                                                                                   href="##comment"
                                                                                                   title="评论"
                                                                                                   target="_blank"><i
                        class="glyphicon glyphicon-comment"></i> 4</a>
                </p>
                <p class="note">用DTcms做一个独立博客网站（响应式模板），采用DTcms V4.0正式版（MSSQL）。开发环境：SQL2008R2+VS2010。DTcms
                    V4.0正式版功能修复和优化：1、favicon.ico图标后台上传。（解决要换图标时要连FTP或者开服务器的麻烦）</p>
            </article>
            <article class="excerpt excerpt-4" style=""><a class="focus" href="#" title="用DTcms做一个独立博客网站（响应式模板）"
                                                           target="_blank"><img class="thumb"
                                                                                data-original="images/201610181739277776.jpg"
                                                                                src="images/201610181739277776.jpg"
                                                                                alt="用DTcms做一个独立博客网站（响应式模板）"
                                                                                style="display: inline;"></a>
                <header><a class="cat" href="#" title="MZ-NetBlog主题">MZ-NetBlog主题<i></i></a>
                    <h2><a href="#" title="用DTcms做一个独立博客网站（响应式模板）" target="_blank">用DTcms做一个独立博客网站（响应式模板）</a>
                    </h2>
                </header>
                <p class="meta">
                    <time class="time"><i class="glyphicon glyphicon-time"></i> 2016-10-14</time>
                    <span class="views"><i class="glyphicon glyphicon-eye-open"></i> 216</span> <a class="comment"
                                                                                                   href="##comment"
                                                                                                   title="评论"
                                                                                                   target="_blank"><i
                        class="glyphicon glyphicon-comment"></i> 4</a>
                </p>
                <p class="note">用DTcms做一个独立博客网站（响应式模板），采用DTcms V4.0正式版（MSSQL）。开发环境：SQL2008R2+VS2010。DTcms
                    V4.0正式版功能修复和优化：1、favicon.ico图标后台上传。（解决要换图标时要连FTP或者开服务器的麻烦）</p>
            </article>
            <article class="excerpt excerpt-5" style=""><a class="focus" href="#" title="用DTcms做一个独立博客网站（响应式模板）"
                                                           target="_blank"><img class="thumb"
                                                                                data-original="images/201610181739277776.jpg"
                                                                                src="images/201610181739277776.jpg"
                                                                                alt="用DTcms做一个独立博客网站（响应式模板）"
                                                                                style="display: inline;"></a>
                <header><a class="cat" href="#" title="MZ-NetBlog主题">MZ-NetBlog主题<i></i></a>
                    <h2><a href="#" title="用DTcms做一个独立博客网站（响应式模板）" target="_blank">用DTcms做一个独立博客网站（响应式模板）</a>
                    </h2>
                </header>
                <p class="meta">
                    <time class="time"><i class="glyphicon glyphicon-time"></i> 2016-10-14</time>
                    <span class="views"><i class="glyphicon glyphicon-eye-open"></i> 216</span> <a class="comment"
                                                                                                   href="##comment"
                                                                                                   title="评论"
                                                                                                   target="_blank"><i
                        class="glyphicon glyphicon-comment"></i> 4</a>
                </p>
                <p class="note">用DTcms做一个独立博客网站（响应式模板），采用DTcms V4.0正式版（MSSQL）。开发环境：SQL2008R2+VS2010。DTcms
                    V4.0正式版功能修复和优化：1、favicon.ico图标后台上传。（解决要换图标时要连FTP或者开服务器的麻烦）</p>
            </article>
            <nav class="pagination" style="display: none;">
                <ul>
                    <li class="prev-page"></li>
                    <li class="active"><span>1</span></li>
                    <li><a href="?page=2">2</a></li>
                    <li class="next-page"><a href="?page=2">下一页</a></li>
                    <li><span>共 2 页</span></li>
                </ul>
            </nav>
        </div>
    </div>
    <div class="tlinks">Collect from <a href="http://www.cssmoban.com/">企业网站模板</a></div>
    <aside class="sidebar">
        <div class="fixed">
            <div class="widget widget-tabs">
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a href="#notice" aria-controls="notice" role="tab"
                                                              data-toggle="tab">统计信息</a></li>
                    <li role="presentation"><a href="#contact" aria-controls="contact" role="tab"
                                               data-toggle="tab">联系站长</a></li>
                </ul>
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane contact active" id="notice">
                        <h2>日志总数:
                            888篇
                        </h2>
                        <h2>网站运行:
                            <span id="sitetime">88天 </span></h2>
                    </div>
                    <div role="tabpanel" class="tab-pane contact" id="contact">
                        <h2>QQ:
                            <a href="" target="_blank" rel="nofollow" data-toggle="tooltip" data-placement="bottom"
                               title="" data-original-title="QQ:"></a>
                        </h2>
                        <h2>Email:
                            <a href="#" target="_blank" data-toggle="tooltip" rel="nofollow" data-placement="bottom"
                               title="" data-original-title="#"></a></h2>
                    </div>
                </div>
            </div>
            <div class="widget widget_search">
                <form class="navbar-form" action="/Search" method="post">
                    <div class="input-group">
                        <input type="text" name="keyword" class="form-control" size="35" placeholder="请输入关键字"
                               maxlength="15" autocomplete="off">
                        <span class="input-group-btn">
		<button class="btn btn-default btn-search" name="search" type="submit">搜索</button>
		</span></div>
                </form>
            </div>
        </div>
        <div class="widget widget_hot">
            <h3>最新评论文章</h3>
            <ul>
                <li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail">
				<img class="thumb" data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg"
                     alt="用DTcms做一个独立博客网站（响应式模板）" style="display: block;">
			</span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i
                        class="glyphicon glyphicon-time"></i>
				2016-11-01
			</span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
                <li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail">
				<img class="thumb" data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg"
                     alt="用DTcms做一个独立博客网站（响应式模板）" style="display: block;">
			</span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i
                        class="glyphicon glyphicon-time"></i>
				2016-11-01
			</span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
                <li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail">
				<img class="thumb" data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg"
                     alt="用DTcms做一个独立博客网站（响应式模板）" style="display: block;">
			</span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i
                        class="glyphicon glyphicon-time"></i>
				2016-11-01
			</span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
                <li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail">
				<img class="thumb" data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg"
                     alt="用DTcms做一个独立博客网站（响应式模板）" style="display: block;">
			</span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i
                        class="glyphicon glyphicon-time"></i>
				2016-11-01
			</span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
                <li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail">
				<img class="thumb" data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg"
                     alt="用DTcms做一个独立博客网站（响应式模板）" style="display: block;">
			</span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i
                        class="glyphicon glyphicon-time"></i>
				2016-11-01
			</span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
                <li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail">
				<img class="thumb" data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg"
                     alt="用DTcms做一个独立博客网站（响应式模板）" style="display: block;">
			</span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i
                        class="glyphicon glyphicon-time"></i>
				2016-11-01
			</span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
                <li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail">
				<img class="thumb" data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg"
                     alt="用DTcms做一个独立博客网站（响应式模板）" style="display: block;">
			</span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i
                        class="glyphicon glyphicon-time"></i>
				2016-11-01
			</span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
                <li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail">
				<img class="thumb" data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg"
                     alt="用DTcms做一个独立博客网站（响应式模板）" style="display: block;">
			</span><span class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i
                        class="glyphicon glyphicon-time"></i>
				2016-11-01
			</span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>

            </ul>
        </div>
        <div class="widget widget_sentence">
            <a href="#" target="_blank" rel="nofollow" title="专业网站建设">
                <img style="width: 100%" src="images/201610241224221511.jpg" alt="专业网站建设"></a>
        </div>
        <div class="widget widget_sentence">
            <a href="#" target="_blank" rel="nofollow" title="MZ-NetBlog主题">
                <img style="width: 100%" src="images/ad.jpg" alt="MZ-NetBlog主题"></a>
        </div>
        <div class="widget widget_sentence">
            <h3>友情链接</h3>
            <div class="widget-sentence-link">
                <a href="#" title="网站建设" target="_blank">网站建设</a>&nbsp;&nbsp;&nbsp;
            </div>
        </div>
    </aside>
</section>
<!-- 会员登录  -->
<!--<div id='Login_start' style="position: absolute;" >-->
<div class="modal fade" data-backdrop="true" style="margin-top: 40px;" id="drd" tabindex="-1" th:fragment="login">
    <div class="modal fade" id="myModal" style="text-align: center;">
        <div class="modal-dialog modal-sm">
            <img width="50px;" height="50px;" alt="" th:src="@{/images/loading_circle.gif}"/>
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    <div id='_start' style="margin: auto;">
        <div id='_close' data-dismiss="modal" style="border: none">
            <span class="glyphicon glyphicon-remove"></span>
        </div>
        <br/>
        <!--登录框-->
        <div id="login_container" style="margin:auto;margin-right: 0px;">
            <div id="lab1">
                <span id="lab_login">会员登录</span>
                <span id="lab_toRegist">
				&emsp;还没有账号&nbsp;
				<span id='toRegist' style="color: #EB9316;cursor: pointer;">立即注册</span>
			</span>
            </div>
            <div style="width:93.8%;">
                <span id="lab_type1">邮箱/账号登录</span>
                <span style="float: right;margin-top: -5px;">
				<a id="toLoginPhone" style="color:#000000;">切换短信登录</a>
			</span>
            </div>
            <div id="form_container1" style="height: 300px;">
                <form>
                    <br/>
                    <input type="text" class="form-control" data-toggle="tooltip" data-placement="top"
                           title="请输入注册的账号" placeholder="账号/邮箱/用户名" onfocus="doBorder(this)" id="login_number"/>
                    <input type="password" class="form-control" maxlength="16" data-toggle="tooltip"
                           data-placement="top" title="请输入6—16位的密码" placeholder="密码" onfocus="doBorder(this)"
                           id="login_password"/>
                    <input type="text" class="form-control" data-toggle="tooltip" data-placement="top"
                           onfocus="doBorder(this)" title="请输入验证码" placeholder="验证码" maxlength="4"
                           style="margin-top: 20px;"
                           id="regist_vcode1"/>
                    <!--<button id="getVCode" type="button" class="btn btn-success" >获取验证码</button>-->
                    <img src="/validate/image" id="getVCode" onclick="onImage(this);return false;"
                         style="margin-top: 20px;"
                         title="验证码">
                    <input type="button" value="登录" class="btn btn-success" style="width: 75%;" onclick="onsub();"
                           id="login_btn"/>
                </form>
                <span id="rememberOrfindPwd">
			<span style="color:#000000">
					<a>忘记密码</a>
				</span>
			</span>
            </div>

            <div style="display:block;width: 93.8%;height:40px;">
                <span id="lab_type2">使用第三方直接登陆</span>
            </div>
            <div style="width:93.8%;height:100px;">
                <!--<br />-->
                <button id="login_QQ" type="button" class="btn btn-info">
                    <img src="images/qq32.png" style="width:20px;margin-top:-4px;"/>&emsp;QQ登录
                </button>
                <button id="login_WB" type="button" class="btn btn-danger">
                    <img src="images/sina32.png" style="width:20px;margin-top:-4px;"/>&emsp;微博登录
                </button>
            </div>
        </div>
        <!--短信登录-->
        <div id="login_phone" style="margin:auto;margin-right: 0px;display: none;">
            <div id="lab1">
                <span id="lab_login">会员登录</span>
                <span id="lab_toRegist">
				&emsp;还没有账号&nbsp;
				<span id='phoneToRegist' style="color: #EB9316;cursor: pointer;">立即注册</span>
			</span>
            </div>
            <div style="width:93.8%;">
                <span id="lab_type1">短信验证码登录</span>
                <span style="float: right;margin-top: -5px;">
				<a id="toLoginAccount" style="color:#000000;">切换账号登录</a>
			</span>
            </div>
            <div id="form_container1">
                <form action="/user/loginPhone" id="phone_form">
                    <br/>
                    <input type="text" class="form-control" placeholder="手机号" data-toggle="tooltip" maxlength="11"
                           data-placement="top" name="phone" title="请输入11位手机号" onfocus="doBorder(this)"
                           id="login_number2"/>
                    <input type="text" class="form-control" data-toggle="tooltip" data-placement="top" title="请输入6位验证码"
                           placeholder="验证码" name="yzm" maxlength="6" onfocus="doBorder(this)" style="margin-top: 20px;"
                           id="regist_vcode2"/>
                    <!--<button id="getVCode" type="button" class="btn btn-success" >获取验证码</button>-->
                    <input id="getVCode" type="button" class="btn btn-success" style="margin-top: 20px;" value="发送验证码"
                           onclick="sendCode(this,'login_number2')"/>
                    <input type="submit" value="登录" class="btn btn-success" style="width: 100%;" id="phone_btn"/>
                </form>
            </div>

            <div style="display:block;width:93.8%;height:40px;">
                <span id="lab_type2">使用第三方直接登陆</span>
            </div>
            <div style="width:93.8%;height:100px;border-bottom: 1px solid #FFFFFF;">
                <br/>
                <button id="login_QQ" type="button" class="btn btn-info">
                    <img src="images/qq32.png" style="width:20px;margin-top:-4px;"/>&emsp;QQ登录
                </button>
                <button id="login_WB" type="button" class="btn btn-danger">
                    <img src="images/sina32.png" style="width:20px;margin-top:-4px;"/>&emsp;微博登录
                </button>
            </div>
        </div>
        <!--忘记密码-->
        <div id="forget_password" style="margin:auto;margin-right: 0px;display: none;">
            <div id="lab1">
                <span id="lab_login">忘记密码</span>
                <span id="lab_toRegist">
				&emsp;突然想到密码&nbsp;
				<span id='pwdToAccount' style="color: #EB9316;cursor: pointer;">返回登录</span>
			</span>
            </div>
            <div style="width:93.8%;">
                <span id="lab_type1">邮箱找回密码</span>
            </div>
            <div id="form_container1" style="border: none">
                <br/>
                <input type="text" class="form-control" placeholder="邮箱账号" data-toggle="tooltip" data-placement="top"
                       title="请输入注册时的邮箱账号" style="margin-top: 10px;"
                       id="#login_email2"/>
                <input type="text" class="form-control" placeholder="验证码" maxlength="6" style="margin-top: 20px;"
                       id="regist_vcode3"/>
                <!--<button id="getVCode" type="button" class="btn btn-success" >获取验证码</button>-->
                <input id="getVCode" type="button" class="btn btn-success" style="margin-top: 20px;" value="发送验证码"
                       onclick="sendCode(this)"/>
                <input type="button" value="登录" class="btn btn-success" style="width: 60%;" id="login_btn"/>
                <span id="findToAccount">
			<span style="color:#000000">
					<a>忘记账号？</a>
				</span>
			</span>
            </div>
        </div>
        <!--忘记账号-->
        <div id="forget_account" style="margin:auto;margin-right: 0px;display: none;">
            <div id="lab1">
                <span id="lab_login">忘记账号</span>
                <span id="lab_toRegist">
				&emsp;突然想到密码&nbsp;
				<span id='accountToLogin' style="color: #EB9316;cursor: pointer;">返回登录</span>
			</span>
            </div>
            <div style="width:93.8%;">
                <span id="lab_type1">短信找回</span>
            </div>
            <div id="form_container1" style="border: none">
                <br/>
                <input type="text" class="form-control" placeholder="绑定的手机号" data-toggle="tooltip" data-placement="top"
                       title="请输入绑定的手机号" style="margin-top: 10px;"
                       id="login_email3"/>
                <input type="text" class="form-control" placeholder="验证码" maxlength="6" style="margin-top: 20px;"
                       id="regist_vcode4"/>
                <!--<button id="getVCode" type="button" class="btn btn-success" >获取验证码</button>-->
                <input id="getVCode" type="button" class="btn btn-success" style="margin-top: 20px;" value="发送验证码"
                       onclick="sendCode(this)"/>
                <input type="button" value="登录" class="btn btn-success" id="login_btn" style="width: 60%;"/>
                <span id="accountToEmail">
			<span style="color:#000000">
					<a>返回上一级</a>
				</span>
			</span>
            </div>
        </div>
        <!-- 会员注册 -->
        <div id='regist_container' style="margin:auto;margin-right: 0px;display: none;">
            <div id="lab1">
                <span id="lab_login">会员注册</span>
                <span id="lab_toLogin">
				&emsp;已有账号&nbsp;
				<span id='toLogin' style="color: #EB9316;cursor: pointer;">立即登录</span>
			</span>
            </div>
            <div id="form_container2" style="padding-top: 25px;">
                <form action="/user/regist" id="regist_submit">
                    <input type="text" class="form-control" name="userAccount" onfocus="doBorder(this)"
                           placeholder="用户名/账号" data-toggle="tooltip"
                           data-placement="top" title="请输入需要注册的账号" id="regist_account"/>
                    <!--<input type="text" class="form-control" value="" placeholder="用户名/邮箱" data-toggle="tooltip"-->
                    <!--data-placement="top" title="请输入邮箱账号" id="regist_account"/>邮箱注册需要开启-->
                    <input type="password" class="form-control" placeholder="密码" onfocus="doBorder(this)" maxlength="16"
                           id="regist_password1" data-toggle="tooltip"
                           data-placement="top" title="请输入6—16位的密码"/>
                    <input type="password" class="form-control" name="userPassword" onfocus="doBorder(this)"
                           placeholder="确认密码" maxlength="16" id="regist_password2"
                           data-toggle="tooltip" data-placement="top" title="请确认密码"/>
                    <!--<input type="text" class="form-control" placeholder="手机号" id="regist_phone"/>短信验证码需开启 -->
                    <input type="text" class="form-control" name="yzm" placeholder="验证码" onfocus="doBorder(this)"
                           id="regist_vcode5" data-toggle="tooltip"
                           data-placement="top" title="请输入4位的验证码" maxlength="4"/>
                    <img src="/validate/regImage" id="regYzm" onclick="onImage(this);return false;" title="验证码">
                    <!--<button id="getVCode" type="button" class="btn btn-success" >获取验证码</button>-->
                    <!--<input id="getVCode" type="button" class="btn btn-success" value="发送验证码" onclick="sendCode(this)"/>-->
                    <input type="submit" value="注册" class="btn btn-success" style="float: left;" id="regist_btn"/>
                </form>

            </div>
        </div>
    </div>
</div>
<footer class="footer" th:fragment="footer">
    <div class="container">
        <p>Copyright &copy; 2016.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/"
                                                                                    target="_blank"
                                                                                    title="模板之家">模板之家</a> - Collect from
            <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
    </div>
    <div id="gotop"><a class="gotop"></a></div>
</footer>
<script src="js/login.js"></script>
<script type="text/javascript">

    $(document).ready(function () {
        $("#login_QQ").click(function () {
            alert("暂停使用！");
        });
        $("#login_WB").click(function () {
            alert("暂停使用！");
        });
    });

    function onImage(obj) {
        var timestamp = (new Date()).valueOf();
        obj.src = obj.src + "?timestamp=" + timestamp;
    }

</script>
<script src="js/jquery.ias.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>
